<template>
  <div class="list">
    <card>
      <template #title>
        <div class="title-wrap">
          <span>人员管理</span>
          <search />
        </div>
      </template>
      <template #content><a-table /></template>
    </card>
  </div>
</template>
<script setup>
import card from '@/components/card.vue'
import ATable from './table.vue'
import search from './search.vue'
import { useProvideContextRegistry } from './provide-context.js'
useProvideContextRegistry()
</script>
<style scoped lang="less">
.list {
  height: 100%;
  flex: 1;
  overflow: hidden;
  .title-wrap {
    display: flex;
    white-space: nowrap;
    align-items: center;
    span {
      margin-right: 12px;
    }
  }
}
</style>
